<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@	page import="java.util.*"%>
<%
	Random rand = new Random();
	int num = rand.nextInt(100000);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html:html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="../css/style.css?v=<%=num%>" type="text/css">
<link rel="stylesheet" href="../css/form.css" type="text/css">
<script type="text/javascript" src="../js/jquery-1.3.2.min.js?v=<%=num%>"></script>
<script type="text/javascript" src="../js/jquery.columnfilters.js?v=<%=num%>"></script>
<script type="text/javascript" src="../js/yunyshaMaster.js?v=<%=num%>"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('table#filterTable1').columnFilters({alternateRowClassNames:['rowa','rowb']});
	});
</script> 

<style type="text/css">
table tr th {
	background-color: #d3DADE;
	padding: 3px;
}
table tr.rowb { background-color:#EAf2FD; }

table tr.filterColumns td { padding:2px; }

body { padding-bottom:150px; }

</style>
</head>
<body>
<jsp:include page="header.jsp" />
<jsp:include page="menu.jsp" /><div class="main_content">
<div>

<div align="center">
<table id="filterTable1" cellspacing="0" cellpadding="0">
<thead>
<tr>
	<th>Style Number</th>
	<th>Labour</th>
	<th>Date of creation</th>  
	<th>Design number</th>
	

	<th>Gender</th>
	<th>Exclusive</th>
	<th>Best Seller</th>
	<th>Babu Code</th>
</tr>
</thead>
<tfoot></tfoot>
<tbody>

<tr>
	<td>ER0001</td><td>L1</td><td>01/05/2012</td><td>DR001</td><td>Female</td><td>NS001</td><td>5</td><td>KD</td>
</tr>

<tr>
	<td>ER0002</td><td>L2</td><td>05/05/2012</td><td>DR008</td><td>Male</td><td></td><td>5</td><td>KB</td>
</tr>

<tr>
	<td>ER0003</td><td>L1</td><td>18/05/2012</td><td>DR012</td><td>Female</td><td></td><td>1</td><td>RD</td>
</tr>

<tr>
	<td>ER0004</td><td>L3</td><td>07/06/2012</td><td>DR034</td><td>Male</td><td></td><td>0</td><td>KD</td>
</tr>

<tr>
	<td>RI0001</td><td>l3</td><td>25/06/2012</td><td>Dr050</td><td>Male</td><td>WS004</td><td>2</td><td>KB</td>
</tr>
</tbody>
</table>

</div>

<ul id="thicktabs" style="margin-top:40px;margin-left:5px">
	<li><a id="tab-1" href="#" onclick="changeTabs('1')">Diamond</a></li>
	<li><a id="tab-2" href="#" onclick="changeTabs('2')">Metal</a></li>
	<li><a id="tab-3" href="#" onclick="changeTabs('3')">Findings</a></li>
	</ul>
<br style="clear: left" />
<div style="margin:0px 5px 0px 5px;background-color:#999DB7">
<table id="fragment-1"  style="display:none">
<tr>
<td>Diamond/Colour Stone</td>
<td>Shape</td>
<td>Size</td>
<td>Band</td>
<td>Pieces</td>
<td>Weight</td>
</tr>
<tr>
<td><input type="text" value="" id="txtDiamond1" class="text_field_required" size="30"></td>
<td><input type="text" value="" id="txtShape1" class="text_field_required" size="30"></td>
<td><input type="text" value="" id="txtSize1" class="text_field_required"></td>
<td><input type="text" value="" id="txtBand1" class="text_field_required"></td>
<td><input type="text" value="" id="txtPieces1" class="text_field_required"></td>
<td><input type="text" value="" id="txtWeight1" class="text_field_required"></td>
</tr>
<tr>
<td><input type="text" value="" id="txtDiamond2" class="text_field_required" size="30"></td>
<td><input type="text" value="" id="txtShape2" class="text_field_required" size="30"></td>
<td><input type="text" value="" id="txtSize2" class="text_field_required"></td>
<td><input type="text" value="" id="txtBand2" class="text_field_required"></td>
<td><input type="text" value="" id="txtPieces2" class="text_field_required"></td>
<td><input type="text" value="" id="txtWeight2" class="text_field_required"></td>
</tr>
<tr>
<td><input type="text" value="" id="txtDiamond3" class="text_field_required" size="30"></td>
<td><input type="text" value="" id="txtShape3" class="text_field_required" size="30"></td>
<td><input type="text" value="" id="txtSize3" class="text_field_required"></td>
<td><input type="text" value="" id="txtBand3" class="text_field_required"></td>
<td><input type="text" value="" id="txtPieces3" class="text_field_required"></td>
<td><input type="text" value="" id="txtWeight3" class="text_field_required"></td>
</tr>
<tr>
<td><input type="text" value="" id="txtDiamond4" class="text_field_required" size="30"></td>
<td><input type="text" value="" id="txtShape4" class="text_field_required" size="30"></td>
<td><input type="text" value="" id="txtSize4" class="text_field_required"></td>
<td><input type="text" value="" id="txtBand4" class="text_field_required"></td>
<td><input type="text" value="" id="txtPieces4" class="text_field_required"></td>
<td><input type="text" value="" id="txtWeight4" class="text_field_required"></td>
</tr>
<tr>
<td><input type="text" value="" id="txtDiamond5" class="text_field_required" size="30"></td>
<td><input type="text" value="" id="txtShape5" class="text_field_required" size="30"></td>
<td><input type="text" value="" id="txtSize5" class="text_field_required"></td>
<td><input type="text" value="" id="txtBand5" class="text_field_required"></td>
<td><input type="text" value="" id="txtPieces5" class="text_field_required"></td>
<td><input type="text" value="" id="txtWeight5" class="text_field_required"></td>
</tr>
</table>
<table id="fragment-2" style="display:none">
<tr>
<td>Product Category</td>
<td><select class="Country_field_required" id="zone" name="zone">
     <option selected="selected" value="">---Select---</option>
      <option  value="East">Pendant</option>
       <option value="West">Pendant Earring Set</option>
        <option value="North">Rings</option>
         <option value="South">Earrings</option>
          <option value="South">Necklace</option>
           <option value="South">Braclet</option>
            <option value="South">Round Bangle</option>
             <option value="South">Oval Bangle</option>
     
	</select>   </td>
</tr>
<tr>
<td>Metal Kt</td>
<td><select class="Country_field_required" id="zone" name="zone">
     <option selected="selected" value="">---Select---</option>
      <option  value="East">14K</option>
       <option value="West">18K</option>
        
	</select>   </td>
</tr>
<tr>
<td>Metal Colour</td>
<td><select class="Country_field_required" id="zone" name="zone">
     <option selected="selected" value="">---Select---</option>
      <option  value="East">Yellow</option>
       <option value="West">White</option>
        <option value="North">Two Tone</option>
         
	</select>   </td>
</tr>
<tr>
<td>Rodium</td>
<td><select class="Country_field_required" id="zone" name="zone">
     <option selected="selected" value="">---Select---</option>
      <option  value="East">Yes</option>
       <option value="West">No</option>
        
	</select>   </td>
</tr>
<tr>
<td>Finishing</td>

<td><select class="Country_field_required" id="zone" name="zone">
     <option selected="selected" value="">---Select---</option>
      <option  value="East">Enamel</option>
               <option  value="East">High Polish</option>
               <option  value="East">Brush</option>
               <option  value="East">High + Brush</option>
               <option  value="East">Matt</option>
               <option  value="East">High + Matt</option>
	</select>   </td>
</tr>
<tr>
<td>14K Wt</td>
<td><input type="text" value="" id="metal14KWt" class="text_field_required"></td>
</tr>
<tr>
<td>18K Wt</td>
<td><input type="text" value="" id="metal18KWt" class="text_field_required"></td>
</tr>
</table>
<table id="fragment-3"  style="display:none">
<tr>
<td>Product Category</td>
<td><select class="Country_field_required" id="zone" name="zone">
     <option selected="selected" value="">---Select---</option>
      <option  value="East">Pendant</option>
       <option value="West">Pendant Earring Set</option>
        <option value="North">Rings</option>
         <option value="South">Earrings</option>
          <option value="South">Necklace</option>
           <option value="South">Braclet</option>
            <option value="South">Round Bangle</option>
             <option value="South">Oval Bangle</option>
     
	</select>   </td>
</tr>
<tr>
<td>Metal Kt</td>
<td><select class="Country_field_required" id="zone" name="zone">
     <option selected="selected" value="">---Select---</option>
      <option  value="East">14K</option>
       <option value="West">18K</option>
        
	</select>   </td>
</tr>
<tr>
<td>Metal Colour</td>
<td><select class="Country_field_required" id="zone" name="zone">
     <option selected="selected" value="">---Select---</option>
      <option  value="East">Yellow</option>
       <option value="West">White</option>
        <option value="North">Two Tone</option>
         
	</select>   </td>
</tr>
<tr>
<td>Rodium</td>
<td><select class="Country_field_required" id="zone" name="zone">
     <option selected="selected" value="">---Select---</option>
      <option  value="East">Yes</option>
       <option value="West">No</option>
        
	</select>   </td>
</tr>
<tr>
<td>Finishing</td>
<td><select class="Country_field_required" id="zone" name="zone">
     <option selected="selected" value="">---Select---</option>
      <option  value="East">Enamel</option>
               <option  value="East">High Polish</option>
               <option  value="East">Brush</option>
               <option  value="East">High + Brush</option>
               <option  value="East">Matt</option>
               <option  value="East">High + Matt</option>
	</select>   </td></tr>

<tr>

<td>14K Wt</td>
<td><input type="text" value="" id="findings14KWt" class="text_field_required"></td>
</tr>
<tr>
<td>18K Wt</td>
<td><input type="text" value="" id="findings18KWt" class="text_field_required"></td>
</tr>
</table>

</div>
<p class="iepara"></p>
</div>
</div>
</body>
</html:html>